<extend name="desktop_default/template/base_index" />
<block name="area_header">
    <link rel="stylesheet" href="__CSS__/themePavilion/style.css">
    <link rel="stylesheet" href="__JS__/common/jquery-glide/jquery.glide.css">
    <script type="text/javascript" src="__CDN__/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="__JS__/common/jquery-glide/jquery.glide.min.js"></script>
    <style>
        .slider-nav__item{
            background: #fafafa;
        }
        .slider-nav__item--current{
            background: black;
        }
        .slider-nav__item:hover{
            background: black;
        }
    </style>
</block>

<block name="area_top">
    <include file="desktop_default/template/user_bar" />
    <include file="desktop_default/template/shcart_bar" />
    <include file="desktop_default/template/nav_bar" />
</block>

<block name="area_content">
    <section class="top-banner">
        <notempty name="banner">
            <div class="slider">
                <ul class="slides">
                    <volist name="banner" id="vo">
                        <li class="slide">
                            <div class="box">
                                <a class="item"
                                <if condition="($vo.url_type eq 6070) AND ($vo.url neq '')">
                                    href="{$vo.url}"
                                    <else/>
                                    href="javascript:void(0);"
                                </if>
                                style="background: url('{:C('PICTURE_REMOTE_URL')}{$vo.img}') no-repeat center center; background-size: cover;"></a>
                            </div>
                        </li>
                    </volist>
                </ul>
            </div>
        </notempty>
    </section>
    <div class="pavilion-wrap main2-content">
        <div class="splist-wrap">
            <empty name="product_list">
                <div class="empty-product">暂时没有任何商品哦~~~</div>
            </empty>
            <notempty name="product_list">
                <div class="sp-order">
                    <dl>
                        <dt>排序：</dt>
                        <dd>
                            <if condition="I('order',10) eq 10">
                                <a class="btn btn-order selected" href="javascript:void(0);">默认<i class="iconfont icon-arrowdown" style="display: none"></i></a>
                                <else />
                                <a class="btn btn-order" href="{:U('mengwu/themePavilion/'.$country,array('order'=>10))}">默认<i class="iconfont icon-arrowdown" style="display: none"></i></a>
                            </if>
                        </dd>
                        <dd>
                            <if condition="I('order',10) eq 18">
                                <a class="btn btn-order selected" href="javascript:void(0);">人气</a>
                                <else/>
                                <a class="btn btn-order" href="{:U('mengwu/themePavilion/'.$country,array('order'=>18))}">人气</a>
                            </if>
                        </dd>
                        <dd>
                            <if condition="I('order',10) eq 11">
                                <a class="btn btn-order selected" href="javascript:void(0);">销量</a>
                                <else/>
                                <a class="btn btn-order" href="{:U('mengwu/themePavilion/'.$country,array('order'=>11))}">销量</a>
                            </if>
                        </dd>
                    </dl>
                    <span class="total">共计<em>{$product_count}</em>个商品</span>
                </div>
            </notempty>
            <div class="sp-list">
                <ul>
                    <volist name="product_list" id="vo">
                    <li class="product-item">
                        <a class="sp-li" href="{:U('mengwu/spdetail/index',array('id'=>$vo['id']))}" target="_blank"></a>
                        <div class="sp-img"><img src="{$vo.img}"></div>
                        <div class="caption">
                            <!--<em class="zhekou">8.8折/</em>-->
                            <span>{$vo.name}</span>
                        </div>
                        <div class="price">
                            <em class="rmb">￥</em></small>{$vo.price}
                        </div>
                    </li>
                    </volist>
                </ul>
                {$show}
            </div>
        </div>
    </div>
</block>

<block name="area_footer">
    <include file="desktop_default/template/footer_ad" />
    <include file="desktop_default/template/footer_nav" />
    <include file="desktop_default/template/footer_bottom" />
    <script type="text/javascript" src="__JS__/themePavilion/common.js"></script>
</block>